<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* img[alt] {
        width: 300px;
      } */
      /* img[abc="789"] {
        width: 300px;
      } */

      /* img[title^="a"] {
        width: 300px;
      } */

      /* img[title$="a"] {
        width: 300px;
      } */

      img[title*="bb"] {
        width: 300px;
      }

      /* input[type="password"] {
        
      } */
    </style>
  </head>
  <body>
    <img src="./images/熊.jpeg" abc="123" title="aaa" />
    <img src="./images/熊.jpeg" alt="" abc="456" title="bbb" />
    <img src="./images/熊.jpeg" abc="789" title="abc" />
  </body>
</html>

<!-- 
  属性选择器

    1. E[attr]: 表示给有attr这个属性的E标签加样式
    2. E[attr=value]: 表示给有attr这个属性，并且属性值是value的E标签加样式
    3. E[attr^=value]: 表示给有attr这个属性，并且属性值是value开头的E标签加样式
    4. E[attr$=value]: 表示给有attr这个属性，并且属性值是value结尾的E标签加样式
    5. E[attr*=value]: 表示给有attr这个属性，并且属性值里面出现过value的E标签加样式


  属性选择器用的最多的地方就是input标签的type属性

 -->
